﻿jQuery(document).ready(function($) {
	
	jQuery('#predefined-skins img').click(function(e) {
		e.preventDefault();
		
		var skin = $(this).attr('id');
		var color = $(this).data('color');
		var pattern = $(this).data('pattern');
		var link = $(this).data('link');
		
		jQuery(this).parent().find('img').removeClass('selected');
		jQuery(this).addClass('selected');
		
		jQuery('#custom_bg_color input').val(color);
		jQuery('#custom_bg_color .colorSelector div').css('background-color', '#' + color);
		jQuery('#custom_bg_color .colorSelector').ColorPickerSetColor(color);
		
		jQuery('#custom_bg_image a').removeClass('selected');
		jQuery('#custom_bg_image a[rel="' + pattern + '"]').addClass('selected');

		jQuery('body').css('background-color', '#' + color);
		jQuery('body').css('background-image', 'url(' + template + '/images/patterns/' + pattern + '.png)');
		jQuery('.post p a,.block-item-big p a, .tweets a, .textwidget a, .post-edit-link, #comment a, #respond a').css('color', '#' + link);
		
		jQuery('#logo img').attr('src', template + '/skins/' + skin + '/images/logo.png');
		jQuery('#skin-css').attr('href', template + '/skins/' + skin + '/style.css');
		
	});
	
	// Background Color
	jQuery('#custom_bg_color .colorSelector').ColorPicker({
		color: '#F6F6F6',
		onShow: function (colpkr) {
			jQuery(colpkr).fadeIn(500);
			return false;
		},
		onHide: function (colpkr) {
			jQuery(colpkr).fadeOut(500);
			return false;
		},
		onChange: function (hsb, hex, rgb) {
			
			jQuery('#custom_bg_color .colorSelector div').css('backgroundColor', '#' + hex);
			jQuery('#custom_bg_color input').val(hex);
			
			jQuery('body').css('background-color', '#' + hex);
		}
	});
	
	// Background Image
	jQuery('#custom_bg_image img').click(function(e) {
		e.preventDefault();
		
		var background = $(this).attr('alt');
		
		jQuery(this).parent().find('img').removeClass('selected');
		jQuery(this).addClass('selected');
		
		jQuery('body').css('background-image', 'url(' + template + '/images/patterns/' + background + ')');
	});
			
	
	jQuery('#uj-control-close').click(function(){
		if ( jQuery(this).hasClass('control-open') ) {
			jQuery('#uj-control-panel').animate( { left: 0 } );
			jQuery(this).removeClass('control-open');
		} else {
			jQuery('#uj-control-panel').animate( { left: -169 } );
			jQuery(this).addClass('control-open');
		}
		return false;
	});

});	